Mid-term exams

1.เว็บไซต์(Website) คือ
เว็บไซต์

เว็บไซต์ (Web Site) คือ แหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อประสมต่าง ๆ เช่น ภาพ เสียง ข้อความ ของแต่ละบริษัทหรือหน่วยงานโดยเรียกเอกสารต่าง ๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงก์ (Links) ถึงกัน ตามหลักคำว่า เว็บไซต์จะใช้สำหรับผู้ที่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของตนเองเรียบร้อยแล้วเช่น www.google.co.th ซึ่งเป็นเว็บไซต์ที่ให้บริการสืบค้นข้อมูลเป็นต้น

http://school.obec.go.th/kudhuachang/pic4.jpg

สรุป เว็บไซต์ คือ ชื่อเรียกหรือที่อยู่ของเครื่องคอมพิวเตอร์ที่ให้บริการ

เว็บเพจ คือ หน้าแต่ละหน้าที่มีการเชื่อมโยงถึงกัน

http://school.obec.go.th/kudhuachang/pic5.jpg

โฮมเพจ คือ หน้าแรกที่เข้าสู่เว็บไซต์นั้น ๆ
ส่วนประกอบของเว็บเพจที่สำคัญ มีดังนี้

1. ข้อความ (Text) ได้แก่ ตัวอักษร ตัวเลข ซึ่งอาจเป็นภาษาอังกฤษ ไทย หรือภาษา อื่น ๆ ก็ได้

2. กราฟิก (Graphics) ได้แก่ ภาพวาดและรูปภาพต่าง ๆ
3. มัลติมีเดีย (Multimedia) ได้แก่ ภาพเคลื่อนไหว ภาพวีดิทัศน์ เสียง

4. ลิงก์ (Link) ข้อความหรือรูปภาพที่มีลักษณะพิเศษ ซึ่งสามารถเชื่อมโยงไปยัง เว็บเพจอื่น ๆ ได้ เราสามารถตรวจสอบได้ว่าส่วนใดเป็นลิงก์โดยนำเมาส์ไปนี้สัญลักษณ์เมาส์จะเปลี่ยนเป็นมือ ? แสดงว่าส่วนนั้นเป็นลิงก์



2.โฮมเพจ(Homepage) คือ
Home page คืออะไร

โฮมเพจ คือคำที่ใช้เรียกหน้าแรกของเว็บไซต์ โดยเป็นทางเข้าหลักของเว็บไซต์ เมื่อเปิดเว็บไซต์นั้นขึ้นมา โฮมเพจ ก็จะเปรียบเสมือนกับเป็นสารบัญและคำนำที่เจ้าของเว็บไซต์นั้นได้สร้างขึ้น เพื่อใช้ประชาสัมพันธ์องค์กรของตน นอกจากนี้ ภายในโฮมเพจก็อาจมีเอกสารหรือข้อความที่เชื่อมโยงต่อไปยังเว็บเพจอื่นๆอีกด้วย



3.เว็บเพจ(Webpage) คือ
เว็บเพจ คือ หน้าไฟล์เว็บไซต์หน้าต่างๆ จะมีเนื้อหา ภาพ เสียง และองค์ประกอบอื่นๆ ที่สามารถสร้างขึ้นมาได้ เปรียบเสมือนหนังสือเล่มหนึ่ง ที่สามารถเปิดอ่านได้หลายๆ หน้า เว็บเพจแต่ละหน้าจะถูกระบุเชื่อมโยงด้วยที่อยู่ของเว็บเพจที่เรียกว่า Url (Uniform Resource Locator) และในเว็บเพจยังมีจุดเชื่อมโยง (Links) หรือ ไฮเปอร์ลิงค์ (Hyperlink) ที่เป็นข้อความ หรือภาพที่ให้คลิกเม้าส์เพื่อเชื่อมโยงไปยังที่อยู่ของเว็บเพจอื่นๆ โดยการระบุด้วย Url นั่นเอง ตัวอย่าง Url ของเว็บไซต์ เช่น http://faodoo.com/index.html ซึ่งถ้าเราเข้าเว็บไซต์ด้วยชื่อนี้ ก็จะปรากฏหน้าแรก หรือหน้า โฮมเพจ นั่นเอง หรือถ้าเข้าเว็บไซต์ด้วย http://faodoo.com/hosting.html ก็จะปรากฏหน้า เว็บเพจ อีกหน้า เป็นต้น




4.เว็บเบราเซอร์ (Web Browser) คือ
เว็บเบราว์เซอร์ (web browser) เบราว์เซอร์ หรือ โปรแกรมดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ
ประโยชน์ของ Web Browser

สามารถดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้ อย่างสวยงามมีการแสดงข้อมูลในรูปของ ข้อความ ภาพ และระบบมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความน่าสนใจมากขึ้น ส่งผลให้อินเตอร์เน็ตได้รับความนิยมเป็นอย่างมากเช่นในปัจจุบัน ปัจจุบัน web browser ส่วนใหญ่จะรองรับ html 5 และ อ่าน css เพื่อความสวยงามของหน้า web page



รายชื่อเว็บเบราว์เซอร์ (web browser) ที่เป็นที่นิยมอย่างแพร่หลาย

• Internet Explorer
• Mozilla Firefox
• Google Chrome
• Safari

5.เวิล์ด ไวด์ เว็บ (World Wide Web – www) คือ
เวิลด์ไวด์เว็บ (World Wide Web, WWW, W3) หรือที่เรียกกันสั้นๆ ว่า "เว็บ" คือพื้นที่เก็บข้อมูลข่าวสารที่เชื่อมโยงกันทางอินเทอร์เน็ตเป็นแบบเครือข่ายคล้ายใยแมงมุมโดยใช้การกำหนด URL ซึ่งผู้ใช้สามารถเชื่อมต่อเข้าถึงแหล่งข้อมูลที่เก็บไว้ภายในของคอมพิวเตอร์แต่ละเครื่องได้ผ่านทางบราวเซอร์ (Browser)
เวิลด์ไวด์เว็บ (World Wide Web หรือ WWW หรือ W3 หรือ Web) คือ บริการค้น

หรือเรียกดู ข้อมูลแบบหนึ่ง ในอินเทอร์เน็ต ข้อมูลในเวิลด์ไวด์เว็บ จะอยู่ในแบบสื่อผสม หรือ

มัลติมีเดีย (multimedia) ที่มีทั้งตัวอักษร รูปภาพ เสียง ภาพเคลื่อนไหวแบบวิดีโอ

ข้อมูลจะถูกแบ่งเป็นหน้า ๆ แต่ละหน้าสามารถ เชื่อมโยงถึงกันได้

เป็นแบบเครือข่ายคล้ายใยแมงมุม จากแหล่งต่าง ๆ ที่กระจายอยู่ทั่วโลก



6.หลักการออกแบบเว็บเพจ คือ
ขั้นตอนที่ 1 ่ี กําหนดโครงสร้างของเว๊บไซด์

การสร้างเว็บไซด์น้ันควรเร่ิมจากการสร้างแผนผังของเว็บไซด์ก่อน หรือ

เรียกว่า่ Site Map ดงภาพตัวอย่างมี การกำหนดหน้าเว็บเพจ

ขั้นตอนที่ 2 ่ กำหนดการเชื่อมโยงระหว่างเว็บเพจ

ผู้พัฒนาต้องกําหนดการเชื่อมโยงเว็บเพจแต่ละหน้าว่ามีการเชื่อมโยงกันเช่นไร ระหว่าง

หน้าเพจต่าง่ ๆ โดยแสดงชื่อไฟล์ HTML แตละไฟล์ ที่ มีการเชื่อมโยงสัมพันธั กัน

ขั้นตอนที่ 3 ่ การออกแบบเว็บเพจแต่ละหน้า้

นัก ศึก ษ า ส า ม า ร ถ อ อ ก แ บ บ ห น้า เ ว็บ เ พ จ แ ต่ล ะ ห น้า ใ ห้ส ว ย ง า ม ต า ม ส ไ ต ส์ที่ต้อ ง ก า ร

โดยเฉพาะหน้าเว็บเพจหน้าแรกที่เรียกว่า “โฮมเพจ (Home page)” ซึ่งควรออกแบบให้

สวยงามเพื่อดึงดูดความสนใจของผู้เยี่ยมชม ในขั้นตอนออกแบบนั้นบางคร้ังอาจเรียกว่า

การออกแบบเลย์เอาท์ (Lay out Design) สามารถทําได้โดยการออกแบบบนแผนภาพ

สตอรี่บอร์ด (Storyboard Form) ทางกระดาษก่อนก็ได้แล้วจึงนําส่ิงที่ออกแบบมาพัฒนา

บนเครื่องมือพัฒนาเว็บเพจด้วยคอมพิวเตอร์ ต่อไป ่ 3

ขั้นตอนที่ 4 ่ี การสรางเว็บเพจแต่ละหน้า้

เป็น ขั้น ต อ น ที่นํา ส่ิง ที่ออ ก แบ บ บ น กร ะ ด า ษ ด้ว ย แผ น ภ า พ ส ต อ รี่บ อร์ด ม า พัฒน า ด้ว ย

เครื่องมือพัฒนาเว็บเพจบนคอมพิวเตอร์ ภาษาที่ใช้ในการพัฒนาเว็บเพจคือ (Hypertext

Markup Language : HTML) และเครื่องมือที่ใช้ในการพัฒนาเว็บเพจที่นิยมใช้ในปัจจุบัน

เช่น Frontpage, Macromedia Dreamweaver, PHP Fusion, Joomla และ Webpage

Maker เป็นต้น ทั้งนี้ขึ้นกับความถนัดของผู้พัฒนา คุณสมบัติของเครื่องเว็บเซิร์บเวอร์ที่

ใหบริการ และฟังก์ชันที่ผู้พัฒนาต้องการพัฒนา

ขั้นตอนที่ 5 ่ี การลงทะเบียนขอพื้นที่เว็บไซต์

เป็นการเผยแพร่เว็บไซต์ ที่ สร้างเสร็จแล้วเข้าสู่ระบบเครือข่ายอินเตอร์เน็ต เพื่อให้บุคคลอื่น

ส า ม า ร ถ เข้า ช ม เ ว็บ ไ ซ ต์ข อ ง นักศึก ษ า ไ ด้ใ น ก า ร เ รีย น ก า ร ส อน ร า ย วิช า นี้ให้นักศึก ษ า

ลงทะเบียนเพื่อขอพื้นที่บริการเว็บไซด์(Web Hosting) จากทางมหาวิทยาลัย แต่อย่างไร

ก็ตามยังมีผู้ใหู้บริการพื้นที่ เว็บไซด์ อื่นให้บริการฟรี และแบบต้องเสียค่าบริการ

ขั้นตอนที่ 6 ่ี การอัพโหลดเว็บไซต์

หลังจากสร้างเว็บไซต์ และลงทะเบียนขอพื้นที่สําหรับฝากข้อมูลเว็บไซต์แล้ว ให้ใช้โปรแกรม

สําหรับอับโหลด (Upload) เช่นโปรแกรม CuteFTP, FileZilla เพื่อให้คนทั่วโลก

สามารถเข้าชมเว็บไซต์ของเราผ่านทางระบบเครือข่ายอินเตอร์เน็ตได้ ในการเรียนการ

สอนวิชานี้ให้นักศึกษาใช้ FileZilla ในการอับโหลดไฟล์ข้อมูลเว็บไซด์ที่พัฒนาขึ้นไปยัง

เครื่องแม่ข่ายที่้ให้บริการของมหาวิทยาลัย สําหรับวิธีการใช้งานนักศึกษาสามารถศึกษาได้

จากคู่ในหน้าเว็บไซด์ ของมหาวิทยาลัย


7.ส่วนประกอบของหน้าเว็บเพจ คือ
1. ส่วนหัวของหน้า (Page Header)
เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ มักใส่ภาพกราฟฟิกเพื่อสร้างความประทับใจ ส่วนใหญ่ประกอบด้วย

• o โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือ
• o ชื่อเว็บไซต์
• o เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์

.
2.ส่วนของเนื้อหา (Page Body)
เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย
สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ
.
3. ส่วนท้ายของหน้า (Page Footer)
เป็นส่วนที่อยู่ด้านล่างสุดของหน้า จะมีหรือไม่มีก็ได้ มักวางระบบนำทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์, ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์, คำแนะนำการใช้เว็บไซต์ เป็นต้น


◦ส่วนหัว (Page Header) คือ

◦ส่วนเนื้อหา (Page Body) คือ

◦ส่วนท้าย (Page Footer) คือ